<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
        <title> NIO PLM BSD Display (After PP) </title>
        <!-- Bootstrap -->
        <link href="../src/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="../src/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" />
        <link href="../src/plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="../src/dist/css/BSD_rst.css" rel="stylesheet" />
        <link href="../src/dist/css/lifecycle.css" rel="stylesheet" />
        <link href="../src/dist/css/ystep.css" rel="stylesheet" />
        <link href="../src/dist/css/ystep_bPP.css" rel="stylesheet" />
        <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
        <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
        <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style>
            /* prepare for new mission(sty) */
            .pop_wrap {
                z-index: 1400;
                width: 1360px;
                position: absolute;
                top: 150px;
                /* display: none; */
            }
            .pop_con {
                width: 500px;
                height: 240px;
                margin: 0 auto 0;
                background: #fafafa
            }
            .pop_p {
                font-size: 20px;
                margin-top: 50px;
                text-align: center;
            }
            .pop_row {
                margin-top: 50px;
            }
            .pop_btn {
                text-align: center;
                height: 30px;
            }
            .w_200 {
                width: 200px;
            }
            .pop_mask {
                z-index:1300;
                position: absolute;
                top:0px;
                left:0px;
                background:#000000;
                opacity:0.5;
                width:1920px;
                height:2052px;
                /* display: none; */
            }
        </style>
    </head>
    <body id="bd_all">

        <!-- DOWN-AREA: buttons -->
        <div id="fix_top" class="navbar-fixed-top fixbtn_wrap_sty w_wrapper">
            <div>
                <p class="fixbtn_p_sty">
                    <button type="button" id="supapp_btn" style="display:none;" class="btn btn-lg btn-default w_250">超级审批 / Super Approve</button>
                    <!-- <button type="button" id="gen_pdf" class="btn btn-lg btn-primary marglft_15 w_250">Generate PDF / 生成PDF</button> -->
                    <a id="gen_pdf" class="btn btn-lg btn-primary marglft_15 w_250">生成PDF / Generate PDF</a>
                    <button type="button" id="isuedt_btn" style="display:none;" class="btn btn-lg btn-default marglft_15 w_250">号码编辑 / Issue No. Edit</button>
                    <button type="button" id="retract_btn" style="" class="btn btn-lg btn-default marglft_15 w_150">撤销 / Revoke</button>
                    <button type="button" id="modi_btn" style="display:none;" class="btn btn-lg btn-default marglft_15 w_150">修改 / Modify</button>
                    <button type="button" id="delete_btn" style="" class="btn btn-lg btn-danger marglft_15 w_150">删除 / Delete</button>
                </p>
            </div>
        </div>

        
        <!-- DOWN-AREA: black nav” -->
        <div class="nav_wrap_fff w_wrapper">
            <div class="container nav_container_fff w_container">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="logo_img">
                            <img id="logo_img" src="../src/dist/img/logo-black.jpg" />
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="hcenter">
                            <h2 class="title_margin group01">制造现场临时变更 - 试制阶段</h2>
                            <span class="fsize_18px group02">BUILD SITE DEVIATION -  Before PP</span>
                        </div>
                    </div>
                    <div class="col-xs-3 hright paddrgt_36">
                        <div class="nav_divedt_marg">
                            <div class="inline_block">
                                <div class="hright nav_bianzhi_sty fsize_18px">编制</div>
                                <span class="fsize_18px">Edit By</span>
                            </div>
                            <div class="nav_divarr_sty">
                                <div class="nav_arr_sty fsize_18px">CD-PM, VI VAL, ME</div>
                            </div>
                        </div>
                        <span class="nav_ver_sty">Version 5.0</span>
                    </div>
                </div>
            </div>
        </div>


        <!-- DOWN-AREA: main area -->
        <div class="main_wrap w_wrapper">
            <div class="container theme-showcase main_container w_container" role="main">
                <div class="row">
                    <table id="tb_01" class="table table-bordered margbtm_0 tb_tlr_0">
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_tlr_0 tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA group02">BSD提交区域，由提交者填写 BELOW THE LINE IS SUBMIT AREA, FILLED BY SUBMITTER</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="cell_h_60px">
                                <td class="to_right_side w_190 font_bold col-xs-2 group03 bd_tp_0">
                                    <div>项目号</div>
                                    <div>Program</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi col-xs-4 group03 bd_tp_0" id="program"></td>
                                <td class="to_right_side w_190 font_bold col-xs-2 group03 bd_tp_0">
                                    <div>涉及阶段</div>
                                    <div>Impact Phase</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi col-xs-4 group03 bd_tp_0" id="impact_phase"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>BSD编号</div>
                                    <div>BSD No.</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="bsd_no"></td>
                                <td class="to_right_side font_bold group03">
                                    <div>发起部门</div>
                                    <div>Submit Department</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="sub_dep"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>发起人</div>
                                    <div>Submitter</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="submitter"></td>
                                <td class="to_right_side font_bold group03">
                                    <div>联系电话</div>
                                    <div>Phone Number</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="phone_num"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>审批清单</div>
                                    <div>Reviewer List</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="reviewer_list"></td>
                                <td class="to_right_side font_bold group03">
                                    <div>影响车辆</div>
                                    <div>Affected Vehicles</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="aff_veh"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>问题严重度定义</div>
                                    <div>Severity Definition</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="severity_def"></td>
                                <td class="to_right_side font_bold group03">
                                    <div>实施阶段</div>
                                    <div>Application Date</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="app_date"></td>
                            </tr>

                            <!-- <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>方案验证结果</div>
                                    <div>Solution Validation Result</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="solu_vali_rst"></td>
                                <td class="to_right_side font_bold group03">
                                    <div>是否需要库存隔离</div>
                                    <div>Inventory Isolation Needed</div>
                                </td>
                                <td colspan="2" class="fweight_300 to_middle_posi group03" id="inv_iso_ndd"></td>
                            </tr> -->
                            
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>相关问题</div>
                                    <div>Related Issue</div>
                                </td>
                                <td colspan="5" class="fweight_300 to_middle_posi group03" id="related_issue"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>影响区域</div>
                                    <div>Affected SMTs</div>
                                </td>
                                <td colspan="5" class="fweight_300 to_middle_posi group03" id="affected_smts"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>影响关键特性</div>
                                    <div>CC/SC Impacted</div>
                                </td>
                                <td colspan="5">
                                    <div class="to_right_side inline_block marglft_10 font_bold group03">
                                        <div>零件</div>
                                        <div>Part</div>
                                    </div>
                                    <div class="fweight_300 inline_block con_mltty_sty group03" id="part" ></div>
                                    <div class="to_right_side inline_block marglft_200 font_bold group03">
                                        <div>厂内</div>
                                        <div>In house</div>
                                    </div>
                                    <div class="fweight_300 inline_block con_mltty_sty group03" id="in_house" ></div>
                                </td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>问题描述</div>
                                    <div>Issue Description</div>
                                </td>
                                <td colspan="5" id="issue_des" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>更改操作描述-短期措施</div>
                                    <div>Corrective Action Plan Description Short Term</div>
                                </td>
                                <td colspan="5" id="short_term" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>更改操作描述-长期措施</div>
                                    <div>Corrective Action Plan Description Long Term</div>
                                </td>
                                <td colspan="5" id="long_term" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>更改类型</div>
                                    <div>Type of Change</div>
                                </td>
                                <td colspan="5" id="type_of_change" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side w_190 font_bold col-xs-2 group03">
                                    <div>实施方式</div>
                                    <div>Operation</div>
                                </td>
                                <td colspan="5" id="operation" class="fweight_300 to_middle_posi col-xs-10 group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td colspan="6" class="hcenter font_bold to_middle_posi group02">零件信息 Part Information</td>
                            </tr>
                        </tbody>
                    </table>
                    <table id="tb_02" class="table table-bordered table-striped margbtm_0 border_0">
                        <thead>
                            <tr class="cell_th_87px">
                                <th class="to_middle_posi hcenter group03">
                                    <div>编号</div>
                                    <div>Item No.</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>零件号</div>
                                    <div>Part No.</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>零件名称</div>
                                    <div>Part Name</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>SMT</div>
                                    <!-- <div>SMT</div> -->
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>版本</div>
                                    <div>Revision</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>零件状态</div>
                                    <div>Part Status</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>增加/删除/更改</div>
                                    <div>Add/Delete/Modify</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>数量</div>
                                    <div>Qty</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>车间</div>
                                    <div>Shop</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>采购信息</div>
                                    <div>Make/Buy/Child</div>
                                </th>
                                <th class="to_middle_posi hcenter group03">
                                    <div>相关CR</div>
                                    <div>Related CR</div>
                                </th>
                                <!-- <th class="to_middle_posi hcenter group03">
                                    <div>零件到货时间</div>
                                    <div>Arriving Date</div>
                                </th> -->
                                <th class="to_middle_posi hcenter group03">
                                    <div>备注</div>
                                    <div>Remarks</div>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="info_tbd" class="group03">
                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <table id="tb_03" class="table table-bordered">
                        <tbody >
                            
                            <tr class="cell_h_60px">
                                <td colspan="6" >
                                    <div class="to_right_side inline_block marglft_30 font_bold group03">
                                        <div>相关图纸与文件已由DRE作为附件提供</div>
                                        <div>Related documents are provided by DRE as attachment</div>
                                    </div>
                                    <div class="inline_block con_sprst_sty"><span id="dre" class="fweight_300 tb3_xgtzyes_sty group03"></span></div>
                                    <div class="inline_block marglft_150 group03">
                                        <div>注意！该流程最长有效期为一个造车阶段</div>
                                        <div>Attention! Maximum valid period is one build phases</div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side font_bold group03">
                                    <div>特殊指导</div>
                                    <div>specified Instruction</div>
                                </td>
                                <td colspan="5" id="instruction" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                        </tbody>
                    </table>
                    <table id="tb_04" class="table table-bordered tb_tlr_0" >
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_tlr_0 tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA group02">审批区域，由DRE/VI/PQM/MFG签署 BELOW THE LINE IS APPROVE AREA, SIGNED BY DRE/VI/PQM/MFG</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="cell_h_60px">
                                <td colspan="2" class="bd_tp_0 to_right_side font_bold group03">
                                    <div>是否影响本子系统内零件的试验认证结果</div>
                                    <div>Effect test and validation of BSD related parts</div>
                                </td>
                                <td class="fweight_300 bd_tp_0 to_middle_posi w_190 group03" id="related_part" ></td>
                                <td colspan="2" class="bd_tp_0 to_right_side font_bold group03">
                                    <div>是否影响其它子系统零件的试验认证结果</div>
                                    <div>Effect test and validation of other SMT parts</div>
                                </td>
                                <td class="fweight_300 bd_tp_0 to_middle_posi w_190 group03" id="smt_part" ></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td class="to_right_side w_190 font_bold group03">
                                    <div>影响区域</div>
                                    <div>Affected Areas</div>
                                </td>
                                <td colspan="5" id="aff_areas" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                <td rowspan="2" class="to_right_side to_middle_posi font_bold group03">
                                    <div>MFG评估</div>
                                    <div>MFG Evaluation</div>
                                </td>
                                <td class="to_right_side w_190 font_bold group03">
                                    <div>区域</div>
                                    <div>Area</div>
                                </td>
                                <td colspan="4" id="mfg_area" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                            <tr class="cell_h_60px">
                                
                                <td class="to_right_side font_bold group03">
                                    <div>类型</div>
                                    <div>Type</div>
                                </td>
                                <td colspan="4" id="mfq_type" class="fweight_300 to_middle_posi group03"></td>
                            </tr>
                        </tbody>
                    </table>
                    <table id="tb_05" style="display:none;" class="tb_tlr_0 table table-bordered">
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_tlr_0 tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA group02">审批区域，由DRE/VI/PQM/MFG签署 BELOW THE LINE IS APPROVE AREA, SIGNED BY DRE/VI/PQM/MFG</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="cell_h_60px">
                                <td rowspan="4" class="w_190 bd_tp_0">
                                    <div class="to_right_side font_bold group03">
                                        <div>现场实施确认</div>
                                        <div>Onsite Confirm</div>
                                    </div>
                                    <div class="to_right_side margtp_21 font_bold group03">
                                        <div>签字</div>
                                        <div>Sign</div>
                                    </div>
                                    <div class="to_right_side margtp_21 font_bold group03">
                                        <div>现场实施确认</div>
                                        <div>Onsite Confirm</div>
                                    </div>
                                    <div class="to_right_side margtp_18 font_bold group03">
                                        <div>签字</div>
                                        <div>Sign</div>
                                    </div>
                                </td>
                                <td class="bd_0 bd_tp_0 tb05_td_hcenter sign_title_middle group03">
                                    <div>工程师</div>
                                    <div>DRE</div>
                                </td>
                                <td class="bd_0 bd_tp_0 tb05_td_hcenter sign_title_middle group03">
                                    <div>整车工程</div>
                                    <div>VI</div>
                                </td>
                                <td class="bd_0 bd_tp_0 tb05_td_hcenter sign_title_middle group03">
                                    <div>零件质量</div>
                                    <div>PQM</div>
                                </td>
                                <td class="bd_0 bd_tp_0 tb05_td_hcenter sign_title_middle group03">
                                    <div>工程质量</div>
                                    <div>EQ</div>
                                </td>
                                <td class="bd_tlr_0 bd_tp_0 tb05_td_hcenter sign_title_middle group03">
                                    <div>制造质量</div>
                                    <div>MFQ</div>
                                </td>
                            </tr>
                            <tr class="tb05_tr_hcenter cell_h_60px">
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_tlr_0 sign_line_bottom">________________</td>
                            </tr>
                            <tr class="tb05_tr_hcenter cell_h_60px">
                                <td class="bd_0 sign_title_middle group03">
                                    <div>物流</div>
                                    <div>Logistic</div>
                                </td>
                                <td class="bd_0 sign_title_middle group03">
                                    <div>制造</div>
                                    <div>MFG</div>
                                </td>
                                <td class="bd_0 sign_title_middle group03">
                                    <div>制造</div>
                                    <div>HF AMTECH</div>
                                </td>
                                <td class="bd_0 sign_title_middle group03">
                                    <div>其它</div>
                                    <div>Others</div>
                                </td>
                                <td class="bd_tlr_0 sign_title_middle group03">
                                    <div>其它</div>
                                    <div>Others</div>
                                </td>
                            </tr>
                            <tr class="tb05_tr_hcenter cell_h_60px">
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_0 sign_line_bottom">________________</td>
                                <td class="bd_tlr_0 sign_line_bottom">________________</td>
                            </tr>
                            <tr class="cell_h_120px">
                                <td colspan="2" class="hcenter to_bottom_pposi">
                                    <div class="inline_block hright font_bold group03">
                                        <div>批准(NIO)</div>
                                        <div>Approve(NIO)</div>
                                    </div>
                                    <div class="inline_block">&nbsp;&nbsp;&nbsp;&nbsp;_____________________</div>
                                </td>
                                <td colspan="2" class="hcenter to_bottom_pposi">
                                    <div class="inline_block hright font_bold group03">
                                        <div>签收(工厂)</div>
                                        <div>Accept(Plant)</div>
                                    </div>
                                    <div class="inline_block">&nbsp;&nbsp;&nbsp;&nbsp;_____________________</div>
                                </td>
                                <td colspan="2" class="hcenter to_bottom_pposi">
                                    <div class="inline_block hright font_bold group03">
                                        <div>日期</div>
                                        <div>Date</div>
                                    </div>
                                    <div class="inline_block">&nbsp;&nbsp;&nbsp;&nbsp;_____________________</div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- DOWN-AREA: FLOW area -->
                    <table id="tb_06" class="tb_tlr_0 table table-bordered" style="border:0px;">
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_0px tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA group02">流程，LifeCycle</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="cell_h_60px">
                                <td class="td_flow_sty">
                                    <div class="content">
                                        <div class="cycleContent">
                                            <div class="ystep"></div>
                                        </div>
                                        <!--表格-->
                                        <table class="table table-hover">
                                            <thead>
                                                <tr class="h_80">
                                                    <th>名字<br/>Name</th>
                                                    <th>角色<br/>Role</th>
                                                    <!-- <th>排序<br/>Order</th> -->
                                                    <!-- <th>修改<br/>Revision</th> -->
                                                    <th>状态<br/>State</th>
                                                    <th>责任人<br/>Assignee</th>
                                                    <!-- <th>操作<br/>Action</th> -->
                                                    <!-- <th>审批状态<br/>Approval Status</th> -->
                                                    <th>完成日期<br/>Completed Date</th>
                                                    <th>开始日期<br/>Start Date</th>
                                                    <th class="w_300">备注<br/>Comment</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <!-- <tr>
                                                    <td>IT-00998852</td>
                                                    <td>PLM</td>
                                                    <td>1</td>
                                                    <td>1</td>
                                                    <td>complete</td>
                                                    <td>Calvin</td>
                                                    <td>Approve</td>
                                                    <td>Approve</td>
                                                    <td>11/08/2017</td>
                                                    <td>意见意见意见意见意见意见意见</td>
                                                    <td>11/08/2017</td>
                                                </tr> -->
                                            </tbody>
                                        </table>
                                    </div>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- DOWN-AREA: PIC display -->
                    <table id="tb_07" class="bd_0px table table-bordered">
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_0px tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA">图片说明，Photograph Illustrate</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <!-- DOWN-AREA: APPROVE -->
                    <table id="tb_08" style="display:none;" class="group33 bd_0px table table-bordered">
                        <thead>
                            <tr class="cell_h_60px">
                                <th colspan="6" class="bd_0px tbx_title_sty to_middle_posi paddlft_20 bg_E6FAFA">批准/拒绝/弃权 &nbsp;&nbsp;&nbsp;审批意见</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="">
                                <td class="td_bd0_sty">
                                    <div id="radios" class="col-xs-1" style="margin-top: 15px;">
                                        <p><input type="radio" name="approve_radio" value="approve" id="approve"/><label for="approve">批准<br />Approve</label></p>
                                        <p><input type="radio" name="approve_radio" value="reject" id="reject"/><label for="reject">拒绝<br />Reject</label></p>
                                        <p><input type="radio" name="approve_radio" value="abstain" id="abstain"/><label for="abstain">弃权<br />Abstain</label></p>
                                        <p><input type="radio" name="approve_radio" value="transmit" id="transmit"/><label for="transmit">转发<br />Transmit</label></p>
                                    </div>
                                    <div class="col-xs-11">
                                        <textarea  name="approve_comment" placeholder="" class="con_textarea_sty" id="comment"></textarea>
                                        <!-- <input type="text" /><button>···</button> -->
                                        <input  id="transmitter" type="text" name="requested_by" class="con_input_sty"/>
                                        <div class="con2_ppp_sty" data-toggle="modal" data-whatever="转发人选择" data-target="#exampleModal">
                                            <img style="transform: translate(8px, 5px);" id="ppp" src="../src/dist/img/ppp.png">
                                        </div>
                                    </div>
                                    <!-- submit -->
                                    <div class="col-xs-12 h_50 con_btnmarg_sty glo_font_333 hcenter">
                                        <div class="posi_relative">
                                            <!-- <button type="button" id="supapp_btn" class="btn btn-lg btn-default w_150">Transmit / 转发</button> -->
                                            <button type="button" id="submit" class="btn btn-lg btn-primary marglft_50 w_150">Submit / 提交</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        
        <!-- DOWN-AREA: PIC carousel -->
        <div id="carousel_div" class="dialog-carousel" style="display: none;">
            <i class="dialog-carousel-close" >&times;</i>
            <div class="dialog-carousel-pic">
                <div class="dialog-carousel-pic-item">
                    <div class="dialog-pic-left ">
                        <img class="dialog-pic-left-arrow" src="../src/dist/img/arrow_left.png" alt="arrow left">
                    </div>
                    <div class="dialog-pic-center hcenter">
                        <h2 class="dialog-c-p-t">零件状态 - 老版本 Old</h2>
                        <div class="dialog-img">
                            <img src="" alt="center picture">
                        </div>
                    </div>
                    <div class="dialog-pic-right text-right">
                        <img class="dialog-pic-right-arrow" src="../src/dist/img/arrow_right.png" alt="arrow right">
                    </div>
                </div>
            </div>
        </div>


        <!-- DOWN-AREA: water mark -->
        <div id="wm_wrap" class="w_wrapper">
            <div class="wm_div_sty w_container"><div class="water_mark wm_font"></div></div>
            <div class="wm_div_sty w_container margtp_400"><div class="water_mark wm_font"></div></div>
            <div class="wm_div_sty w_container margtp_400"><div class="water_mark wm_font"></div></div>
            <!-- <div class="wm_div_sty w_container margtp_400"><div class="water_mark wm_font"></div></div> -->
        </div>


        <!-- DOWN-AREA: loading icon -->
        <!-- <div id="loading_icon" style="position: fixed; top: 356px; left:785px;display:none;"> -->
        <div id="loading_icon" style="position: fixed; top: 356px; left:785px;">
            <img src="../src/dist/img/loading_0.gif" />
        </div>


        <!-- DOWN-AREA: Model for ZHUAN FA -->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" style="width: 1150px;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="exampleModalLabel">搜索转发人</h4>
                    </div>
                    <div class="modal-body">
                        <div class="box-body table-pad table-responsive">
                            <form class="form-inline margbtm_20">
                                <div class="form-group">
                                    <label>Name</label>
                                    <input type="text" class="form-control bor-r input-sm" placeholder="" id="name_search" style="width: 135px">
                                    <label class="marglft_15">Last Name</label>
                                    <input type="text" class="form-control bor-r input-sm" placeholder="" id="lname_search" style="width: 135px">
                                    <label class="marglft_15">First Name</label>
                                    <input type="text" class="form-control bor-r input-sm" placeholder="" id="fname_search" style="width: 135px">
                                </div>
                                <button type="button" class="btn btn-primary btn-sm pull-right" id="btn-search" style='margin: 0px 0 0 10px;'>
                                    <i class="fa fa-search"></i>查询
                                </button>
                            </form>
                            <table id="tb_transmitter" class="table margtp_20 table-bordered text-center table-hover">
                                <thead>
                                    <tr>
                                        <td class="padd_0">
                                            <!-- <input type="checkbox" id="checkAll"> -->
                                        </td>
                                        <td class="padd_0">
                                            <h5 class="text-center">名字
                                                <br/>Name</h5>
                                        </td>
                                        <td class="padd_0">
                                            <h5 class="text-center">邮箱地址
                                                <br/>EMail Address</h5>
                                        </td>
                                        <td class="padd_0">
                                            <h5 class="text-center">手机号码
                                                <br/>Phone Number</h5>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer text-center">
                        <span class="center-block inline_block">
                            <button type="button" class="btn btn-active  w_150" id="addTransmitter">Add</button>
                            <button type="button" class="btn btn-default marglft_50 w_150 " data-dismiss="modal">Close</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="pop_mask" id="pop_mask" style="display: none;"></div>

        <!-- DOWN-AREA scripts -->
        <script src="../src/plugins/jquery-2.2.3.min.js"></script>
        <script src="../src/bootstrap/js/bootstrap.min.js"></script>
        <script src="../src/plugins/datatables/dataTables.bootstrap.min.js"></script>
        <script src="../src/plugins/datatables/jquery.dataTables.min.js"></script>
        <script src="../src/dist/js/ystep.js"></script>
        <script src="../src/dist/js/pic.js"></script>
        <script src="../src/dist/js/BSD_rst_bPP.js"></script>
        <script>
            // prepare for new mission(js)
 
        </script>
    </body>
</html>